<template>
  <div class="footer">
    <div class="w1280">
      <el-row>
        <el-col :md="8">
          <h3>网站建设</h3>
          <el-row>
            <router-link :span="8" to="">前端：Delusion</router-link>
            <router-link :span="8" to="">后端：Time</router-link>
            <router-link :span="8" to=""
              >©2023-2050 版权所有 侵权必究</router-link
            >
          </el-row>
        </el-col>
        <el-col :md="8" style="margin: 10px 0px">
          <h3>网站导航</h3>
          <el-row>
            <el-col :span="12">
              <router-link to="/">网站首页</router-link>
            </el-col>
            <el-col :span="12">
              <router-link to="/">文章列表</router-link>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <router-link to="/">个人简历</router-link>
            </el-col>
            <el-col :span="12">
              <router-link to="/">联系我们</router-link>
            </el-col>
          </el-row>
        </el-col>
        <el-col :md="8" :sm="12" style="display: flex; flex-direction: column">
          <h3>友情链接</h3>
          <el-row style="display: flex">
            <div class="link_circle">
              <img src="../static/img/wechat.png" />
              <span class="erCode">
                <img src="../static/img/erCode.jpg" />
              </span>
            </div>
            <div class="link_circle"><img src="../static/img/qq.png" /></div>
          </el-row>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
import { mapState } from "vuex";
export default {
  computed: {
    ...mapState(["userInfo"]),
  },
};
</script>

<style >
</style>